import styled from "styled-components";
import CharBox from "@ccpt/CharPinYinMarker/cpts/CharBox";

export const Wrapper = styled.div``;
export const StyledMarkerBox = styled.div<{ active: number }>`
  display: inline-block;
  user-select: none;

  ${CharBox} {
    color: ${({ active }) => (active ? "#3bca48" : "black")};
  }
`;
